<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title></title>
    <style>
        ul{
            float: left;
        }
        input{
            display: block;
            clear: both;
        }
    </style>
</head>
<body>
<ul id="dry"><li>核桃</li><li>杏仁</li><li>草莓</li></ul>
<ul id="fruit"><li>苹果</li><li>葡萄</li><li>花生</li></ul>
<input type="button" value="移动" onclick="move()"/>
<script type="text/javascript">
	function move(){
		var node1=document.getElementById("dry").lastChild;
		var node2=document.getElementById("fruit").lastChild;
		document.getElementById("dry").appendChild(node2);
		document.getElementById("fruit").appendChild(node1);
	}
</script>

</body>
</html>
